<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>欢迎来到老虎园</title>
		<style>
			.div1 {
				height: 100px;
				width: 100%;
				background-color: cadetblue;
			}
			
			.div11 {
				font-size: 70px;
				text-align: center;
			}
			
			.div2 {
				height: 600px;
				background-color: antiquewhite;
			}
			
			.div21 {
				height: 600px;
				width: 500px;
				background-color: red;
				float: left;
			}
			
			.div22 {
				height: 300px;
				width: 500px;
				background-color: yellow;
			}
			.div22:hover img{transform: scale(1.2);}
			
			.div23 {
				height: 200px;
				width: 1000px;
				background-color: lightgoldenrodyellow;
			}
			.div23:hover img{transform: scale(1.2);}
			
			.div24 {height: 600px;
				width: 1000px;
				background-color: lightgoldenrodyellow;float: right;}
			
			.div25 {height: 200px;
				width: 500px;float: left;font-family: 楷体;color: darkgoldenrod;
				font-size: 25px;
				
				}
			.div3{height: 500px;
				width:450px;float: right;}
				
				.div4{height: 300px;
				width: 500px;float: left;}
				
				.div5 {height: 400px;
				width: 500px;float: left; }
				.div5:hover img{ border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;}
		</style>

		</div>

	</head>

	<body>
		<div class="div1">
			<div class="div11">Tiger Kingdom 老虎园</div>
		</div>
		
		
		<div class="div2">
			
			
			

			<div class="div21">
				
				
				
				
				
				
				<div class="div22">
					<img src="img/老虎小.jpg" width="500px" height="300px" />
				</div>
				<div class="div23">

					<img src="img/老虎小.gif" width="500px" height="300px" />
				</div>
			
			
			
			
			
			</div>
			
			
			
			
			



			<div class="div24">
				<div class="div4"><div class="div25">老虎和猫长得差不多，但它的个头比猫大，所以又被称为“大猫”。
	一身 黑黄相间的皮毛，四条矫健有力的腿，加上钢棍似的尾巴，这就是凶猛 优雅的老虎。
	小时候的老虎是不是很可爱呢？但老虎打起架来还是很可怕的哦。</div>  <div class="div5"> <img src="img/老虎打架.gif"
		 height="400px" width="530px"/></div>  </div>
	
	
			<div class="div3">
				<img src="img/老虎Q版.jpg" height="600px" width="500px" />
			
			</div>
			
			
			
			
			
			
			
			
			</div>
			
			
			
			
			
			
			
			
			
			
			
			
			</div>
		
		
		

	
		

		

	</body>

</html>